(function () {
  // 步骤3：创建echarts实例
  let myChart = echarts.init(document.querySelector(".tu"));

  // 步骤4：定义配置（指定图表的配置项和数据）
  let option = {
    tooltip: {
      trigger: "item",
    },
    legend: {
      orient: "vertical",
      right: "0",
      top: "30%",
    },
    series: [
      {
        name: "Access From",
        type: "pie",
        radius: [60, 120],
        data: [
          {
            value: 10,
            name: "图挒1",
            itemStyle: { normal: { color: "rgb(98,201,141)" } },
          },

          { value: 7, name: "图挒2" },
          {
            value: 20,
            name: "图挒3",
            itemStyle: { normal: { color: "rgb(76,185,207)" } },
          },
          {
            value: 50,
            name: "图挒4",
            itemStyle: { normal: { color: "rgb(83,182,102)" } },
          },
          {
            value: 40,
            name: "图挒5",
            itemStyle: { normal: { color: "rgb(98,201,141)" } },
          },
        ],
        roseType: "radius",
        emphasis: {
          itemStyle: {
            shadowBlur: 10,
            shadowOffsetX: 0,
            shadowColor: "",
          },
        },
      },
    ],
  };
  // 步骤5：使用刚指定的配置项和数据显示图表
  myChart.setOption(option);

  // window.onresize = () => {
  //     myChart.resize()
  // }

  window.addEventListener("resize", () => {
    myChart.resize();
  });
})();
